<template>
	<view class="specification_card">
		<view class="item" v-for="(i,j) in list" :key='j'>
			<view class="left">
				{{i.name}}
			</view>
			<view class="right" @click="showDetail(j)">
				{{i.tag}}
				<uni-icons type="forward"></uni-icons>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
			
				list: [{
					name: '商品规格',
					tag: '查看规格'
				}, {
					name: '可用优惠',
					tag: '选择优惠券'
				}, {
					name: '服务特点',
					tag: '超值拼购.优选推荐.48小时内发货'
				}, ]
			}
		},
		methods: {
			showDetail(data) {
				switch (data) {
					case 0:
						this.$emit('showSpecitficatePop')
						break;
					case 1:
						this.$emit('showDiscountPop')
						break;
					case 2:
						this.$emit('showServerPop')
						break;
					default:
						break;
				}
			},
		
		}
	}
</script>

<style lang="scss" scoped>
	@import '../../common/css/color.scss';

	.specification_card {
		.item {
			display: flex;
			justify-content: space-between;
			height: 70rpx;
			line-height: 70rpx;

			.left {
				font-size: 28rpx;
				color: #767676;
			}

			.right {
				font-size: 28rpx;
				color: #303030;
			}
		}


	}
</style>
